<%@ page language="java"  pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>" />
<title>嵌入计算实验室--用户登陆</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!-- stylesheets -->
<link rel="stylesheet" type="text/css" href="resources/css/reset.css" />
<link rel="stylesheet" type="text/css" href="resources/css/style.css"
	media="screen" />
<link id="color" rel="stylesheet" type="text/css"
	href="resources/css/colors/blue.css" />
<!-- scripts (jquery) -->
<script src="resources/scripts/jquery-1.4.2.min.js"
	type="text/javascript"></script>
<script src="resources/scripts/jquery-ui-1.8.custom.min.js"
	type="text/javascript"></script>
<script src="resources/scripts/smooth.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function() {
		style_path = "resources/css/colors";

		$("input.focus").focus(function() {
			if (this.value == this.defaultValue) {
				this.value = "";
			} else {
				this.select();
			}
		});

		$("input.focus").blur(function() {
			if ($.trim(this.value) == "") {
				this.value = (this.defaultValue ? this.defaultValue : "");
			}
		});

		$("input:submit, input:reset").button();
		
	});
	function changePic(){
            document.getElementById("picValidate").src = "admin/pic_validate.jsp?time=" + Math.random();
        }
</script>
</head>
<body>
	<div id="login">
		<!-- login -->
		<div class="title">
			<h5>云计算实验室</h5>
			<div class="corner tl"></div>
			<div class="corner tr"></div>
		</div>
		<div class="messages">
			<div id="message-error" class="message message-error">
				<div class="image">
					<img src="resources/images/icons/error.png" alt="Error" height="32" />
				</div>
				<div class="text">
					<h6>错误信息!</h6>
					<span>密码错误或者用户不存在！</span>
				</div>
				<div class="dismiss">
					<a href="#message-error"></a>
				</div>
			</div>
		</div>
		<div class="inner">
			<form action="admin/login!login" method="post">
				<div class="form">
					<!-- fields -->
					<div class="fields">
						<div class="field">
							<div class="label">
								<label for="username">用户名:</label>
							</div>
							<div class="input">
								<input type="text" name="user_Dto.studentNO" size="40"
									value="" class="focus" />
							</div>
						</div>
						<div class="field">
							<div class="label">
								<label for="password">密码:</label>
							</div>
							<div class="input">
								<input type="password" name="user_Dto.password"  size="40"
									value="" class="focus" />
							</div>
						</div>
						<div class="field">
							<div class="label">
								<label for="authcode">验证码:</label>
							</div>
							<div class="input">
								<input type="text" name="user_Dto.authcode"  size="20"
									value="" class="focus" />
							</div>
						</div>
						<div class="field">
							<div class="label"></div>
							<div class="input">
								<img id="picValidate" src="admin/pic_validate.jsp" height="25" />
								&nbsp;看不清？ <a href="javascript:void(0)" onclick="changePic()">换一张</a>
							</div>
						</div>
						<div class="field">
							<div class="checkbox">
								<input type="checkbox" id="remember" name="remember" /> <label
									for="remember">保持登陆状态</label>
							</div>
						</div>
						<div class="buttons">
							<input type="submit" value="登陆" />
						</div>
					</div>
					<!-- end fields -->
					<!-- links -->
					<div class="links">
						<a href="index.jsp">忘记密码?</a>
						&nbsp &nbsp|| &nbsp 
						<a href="register/register.jsp">免费注册</a>
					</div>
					<!-- end links -->
				</div>
			</form>
		</div>
		<!-- end login -->
		<div id="colors-switcher" class="color">
			<a href="" class="blue" title="Blue"></a> <a href="" class="green"
				title="Green"></a> <a href="" class="brown" title="Brown"></a> <a
				href="" class="purple" title="Purple"></a> <a href="" class="red"
				title="Red"></a> <a href="" class="greyblue" title="GreyBlue"></a>
		</div>
	</div>
</body>
</html>